<div class="navbar navbar-selfset-outbox clear-morgin-padding">
  <nav class="navbar navbar-default navbar-selfset"
       [ngClass]="{'navbar-fixed-top': true}">
    <div class="container">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-logo" *ngIf="homeConfig"><a href="javascript" routerLink="/home/index"><img
        src="{{aliyunOssOutputUrl + '/' + homeConfig.site_logo}}"></a></div>
      <div class="navbar-form navbar-right" *ngIf="!hadLoginName">
        <button type="button" class="btn btn-default navbar-btn-selfset" routerLink="/home/login">登录
        <!--<button type="button" class="btn btn-default navbar-btn-selfset" (click)="loginModal.show()">登录-->
        </button>
        <!--<button type="button" class="btn btn-default navbar-btn-selfset" (click)="regModal.show()">注册-->
        <button type="button" class="btn btn-default navbar-btn-selfset" routerLink="/home/register">注册
        </button>
      </div>
      <div class="navbar-right" *ngIf="hadLoginName">
        <div class="login-name">您好,<a routerLink="/main/index">{{hadLoginName}}</a></div>
      </div>
      <ul class="nav navbar-nav navbar-right navbar-ul-selfset about" [class.show-about]="head_nav_show">
        <!--<li>-->
        <!--<a routerLink="minapp-index">知晓首页</a>-->
        <!--</li>-->
        <li>
          <a routerLink="index">首页</a>
        </li>
        <li>
          <a routerLink="make">小程序制作</a>
        </li>
        <li>
          <a routerLink="partner">招募合作伙伴</a>
        </li>
        <li>
          <a routerLink="news-list">新闻媒体</a>
        </li>
      </ul>

      <div class="navbar-default">
        <button type="button" class="navbar-toggle collapsed" (click)="head_nav_show=!head_nav_show">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>

      </div>
      <!-- Collect the nav links, forms, and other content for toggling -->

      <!--<div class="about" >-->


      <!--</div>&lt;!&ndash; /.navbar-collapse &ndash;&gt;-->

    </div><!-- /.container-fluid -->
  </nav>
</div>


<!--认证提示-->
<div class="modal fade" bsModal #oauthModal="bs-modal" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-selfset-oauthModal modal-lg">
    <div class="modal-content modal-selfset-oauthModal">
      <div class="modal-header modal-selfset-loginModal-header">
        <button type="button" class="close pull-right" aria-label="Close" (click)="oauthModal.hide()">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-selfset-oauthModal-content">
        <p>一直在等您，欢迎来到宝信小程序制作平台！</p>
        <h3>温馨提示</h3>
        <p> 您得先开通微信小程序并且通过微信认证，才可以发布小程序哦！</p>
        <p><span class="h3">5</span>秒钟自动关闭窗口</p>
      </div>
      <div class=" modal-selfset-oauthModal-button text-center">
        <button type="button" class="btn  btn-success">不管了，先制作好小程序再去认证</button>
        <button type="button" class="btn  btn-success">马上认证</button>
      </div>
    </div>
  </div>
</div>

<!--<button type="button" (click)="oauthModal.show();">认证提示</button>-->
